当前位置：首页 > jquery > jquery教程 >

js 自定义function函数的二种方法与区别

来源:网络整理作者: 发布时间:2020-12-20 08:48

本文介绍下，在javascript中定义函数function的两种方法，并剖析了二者之间的区别，有需要的朋友，可以看看，希望对...

window.onload = mychange;

那么其中的show方法，为什么没有问题？
2、解释window.onload = mychange，发现调用的是onload方法，暂停，然后继续向下解释执行。

复制代码代码示例:

3、解释var show 这段script，并加载window中的所有内容。

此时窗口显示undefined！

基于这点，我们分析javascript解释器是按前后顺序边解释边执行的。

例如：

第二种方式定义的function，会最先初始化，就类似于java中static属性。

以上代码的具体顺序是这样的：

在javascript中，定义函数function，有两种定义方式。

因此，根本不可能往下执行。

因为调用mychange方式，是在window完成加载后才执行的，所以show已经初始化了。

4、加载完成，执行mychange方法。

1、解释mychange方法。
alert(mychange);

对于以上二种方式，推荐使用第一种，这也是大家多在使用的一种方式。

<!DOCTYPE html> <html> <head> <title>event.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">  <script> window.onload = mychange; //此处用第一种方式，不能执行这个function // var mychange = function() { // alert("hi"); // var ll = document.getElementsByTagName("li") // alert(ll.length); // for(var i=0,len=ll.length;i<len;i++) { // alert(ll[i].innerHTML); // ll[i].onclick = show; // } // } //用下面的方式，正常执行 function mychange() { alert("hi"); var ll = document.getElementsByTagName("li") alert(ll.length); for(var i=0,len=ll.length;i<len;i++) { alert(ll[i].innerHTML); ll[i].onclick = show; } } var show = function(event) { eventevent = event||window.event; alert(event.type); alert("hello"+this.innerHTML); } </script> </head> <body> <ul> <li>apple</li> <li>pear</li> <li>orange</li> </ul> </body> </html>

添加以下代码：

不过，看了下面的例子，你又该如何取舍呢？

相关热词：方法

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jq/jc/6024.shtml

上一篇：有关php中heredoc的例子与说

下一篇：Windows 7下怎么卸载IE9?

js禁止页面复制与保存的方法	js数组操作之基础学习指南
js 动态加载table的tr并隔行换色	有关php操作json格式数据的实例
js 获取鼠标实时坐标的代码	js实现网页标题闪烁效果
jQuery.getScript加载同域JS的代码	js数字格式化、格式化float、金
用缓冲技术提高JSP应用的性能	js导航栏单击事件背景变换(示
jQuery源码分析系列(35) : Ajax j	javascript实现Json查询的方法举例
js判断radio是否被选中的简单例	js统计textrea文本框中字数的代
js 左右悬浮广告的实例代码	js判断屏幕分辨率的方法解析